import { useState } from 'react'
import {useRoutes,Link} from 'react-router-dom';
import router from "./router"

const App: React.FC = () => {
  const [count, setCount] = useState(0)
  const Outlet =  useRoutes(router)

  return (
    <div className='App'>
      {/* 
     顶级组件
      <Button>我们的按钮</Button>
      <Space>
      <LeftCircleOutlined spin style={{color:"#fcc",fontSize:'40px'}}/>
      <SmileOutlined spin />
      <WechatOutlined  spin style={{fontSize:"100px"}}/>
      </Space>
       */}
      {/* 路由链接 */}
{/* 
      <Link to='/home'>Home</Link>|
      <Link to='/about'>About</Link>|
      <Link to='/user'>User</Link>| */}
      {Outlet}

      
      
      {/* <Outlet/> //占位符组件,类似窗口,用来展示组件的,有点像vue中的router-view*/}
   {/* <Outlet></Outlet> */}
    </div>

  )
}

export default App
